<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>点设设计公司-关于-三级页</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/home.css" />
		<link  href="images/favicon.png" rel="icon"/>
		<script type="text/javascript"> 
			function showImg(){ 
			document.getElementById("wxImg").style.display='block'; 
			} 
			function hideImg(){ 
			document.getElementById("wxImg").style.display='none'; 
			} 
		</script>
		<style>
	.demo{
		margin-left: 55px;
	}
	.box{
		text-align: center;
		overflow: hidden;
		position: relative;
		width: 630px;
		height: 540px;
	}
	.box:before{
		content: "";
		width: 630px;
		height: 540px;
		background: #000;
		padding: 14px 18px;
		position: absolute;
		top: 0;
		left: 50%;
		opacity: 0;
		transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
	}
	.box:hover:before{
		width: 100%;
		left: 0;
		opacity: 0.5;
	}
	.box img{
		width: 100%;
		height: auto;
	}
	.box .box-content{
		width: 630px;
		padding: 14px 18px;
		color: #fff;
		position: absolute;
		top: 38%;
		left: 0;
	}
	.box .title{
		font-size: 50px;
		font-weight: 600;
		line-height: 30px;
		text-transform: uppercase;
		margin: 0;
		opacity: 0;
		transition: all 0.5s ease 0s;
	}
	.box .login input{
		color: white;
		border: 0;
		margin-top: 60px;
		border-radius: 4px;
	    width: 160px;
	    height: 36px;
	    background-color: #24b8fe;
	    display: none;
	    cursor: pointer;
	}
	.box:hover .title,
	.box:hover .login input{
		display:inline-block;
		opacity: 1;
		transition-delay: 0.7s;
	}
	#about-1 .nav ul .li3{
		border-bottom: 2px solid white;
		margin-bottom: 20px;
	}
	a{ color: rgba(255, 255, 255, 0.6);outline: none;text-decoration: none;-webkit-transition: 0.2s;transition: 0.2s;}
a:hover,a:focus{color:#74777b;text-decoration: none;}
		</style>
		</style>
	</head>
	<body id="about-1">
		<div class="about-1-box">
			<div class="back_top">
				<a href="#">
					<img src="images/top2.png" />
				</a>
			</div>
			<div class="messeage">
				<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes">
					<img src="images/Online.gif" />
				</a>
			</div>
			<div class="top">
				<div class="head">
				<div class="nav">
						<div class="logo fl">
							<a href="index.html">
								<img src="images/diansheLOGO.png" />
							</a>
						</div>
						<div class="tell fr">
							<a href="#">
								<img src="images/phone.png" />
							</a>
						</div>
						<ul class="fr">
							<li>
								<a href="project.html">案例</a>
							</li>
							<li>
								<a href="service.html">服务</a>
							</li>
							<li class="li3">
								<a href="about.html">关于</a>
							</li>
							<li>
								<a href="news.html">研究</a>
							</li>
						</ul>
					</div>
					<div class="heading">
						<img src="images/about-t1.png" class="pic1"/><br />
						<br />
						<img src="images/about-t2.png" /><br />
						<img src="images/about-t3.png" />
					</div>
				</div>
			</div>
			<div class="cnt_nav mr">
				<ul>
					<li><a class="current" href="#f1">个人简介</a></li>
					<li><a href="#f2" style="margin-left: 200px;">我的作品</a></li>
				</ul>
			</div>
			<div class="personal clearfix" id="f1">
				<div class="title">
					<p>个人简介</p>
				</div>
				<div class="content">
					<img src="images/about_01_geren.jpg" class="fl" />
					<div class="txt fl">
						<p>
							<span style="padding-left: 30px;">我叫Liting Deng,毕业于中央美术学院，来这个大家庭已经有</span><br />
  三年了。我主要负责公司合作项目的软件界面设计、移动端产品界<br />
  面设计、公司宣传册设计名片设计等，每个项目设计都是独立一人<br />
  完成的；设计项目有：广东号百黄页网站湖南号百网站，翼支付P<br />
  OS手机端，翼支付火车票手机端，打车e族手机端等。我是个特别<br />
  爱笑 的女孩，小名叫“笑笑”，特别喜欢参与各种团队活动，欢<br />
  一些极限运动。我转行做UI设计师是通过朋友的介绍，接触这个业<br />
  后，发现真的特别着迷于这个行业，在点设工作的这几年我真的很<br />
  开心，结识了很多的好朋友，也感觉自己特别幸运能在这里工作。<br />
  我们这个大家庭期待你们的加入哟！
						</p>
					</div>
				</div>
			</div>
			<div class="zuopin" id="f2">
				<div class="title">
					<p>我的作品</p>
				</div>
				<div class="content">
					<div class="content1 clearfix">
						<div class="txt fl">
							<p class="p1">TALENT LIBRARY</p>
							<p class="p2">List</p>
							<p class="p3">Show different directions<br/>of talent information<br />at a glance</p>
							<p class="p2">Details</p>
							<p class="p3">Show talent details,<br/>history of development and<br />expertise in the fieldDetails</p>
						</div>
						<div class="demo fl">
							<div class="box">
								<img src="images/about_01_zuoping.jpg/">
									<div class="box-content">
										<h3 class="title">TALENT LIBRARY</h3>
										<div class="login">
											<input type="button" value="了解更多"/>
										</div>
									</div>
							</div>
						</div>
					</div>
					<div class="content2">
						<img src="images/zuoping_01.jpg"/>
					</div>
					<div class="content3">
						<img src="images/zuoping_02.jpg"/>
					</div>
					<div class="content4">
						<img src="images/zuoping_03.jpg"/>
					</div>
				</div>
			</div>
			<div class="main_foot">
				<div class="foot clearfix">
					<div class="foot_logo fl">
						<a href="index.html"><img src="images/diansheLOGO.png" /></a>
						<p>设计和技术创造极致用户体验</p>
					</div>
					<div class="con fl">
						<ul class="list1">
							<h3>我们</h3>
							<li>
								<a href="#"	>服务项目</a>					
							</li>
							<li>
								<a href="#"	>关于我们</a>					
							</li>
							<li>
								<a href="#"	>新闻动态</a>					
							</li>
							<li>
								<a href="#"	>加入我们</a>					
							</li>
							<li>
								<a href="#"	>联系我们</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>案例</h3>
							<li>
								<a href="project.html"	>全部</a>					
							</li>
							<li>
								<a href="#"	>网站</a>					
							</li>
							<li>
								<a href="#"	>移动app</a>					
							</li>
							<li>
								<a href="#"	>桌面软件</a>					
							</li>
							<li>
								<a href="#"	>品牌及平面</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>方案</h3>
							<li>
								<a href="#"	>移动互联网</a>					
							</li>
							<li>
								<a href="#"	>在线金融</a>					
							</li>
							<li>
								<a href="#"	>传统企业转型</a>					
							</li>
							<li>
								<a href="#"	>医疗健康</a>					
							</li>
							<li>
								<a href="#"	>创业服务</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>发现</h3>
							<li>
								<a href="#"	>合作伙伴</a>					
							</li>
							<li>
								<a href="#"	>研究</a>					
							</li>
							<li>
								<a href="#"	>set point实验室</a>					
							</li>
							<li>
								<a href="#"	>留言板</a>					
							</li>
							<li>
								<a href="#"	>友情链接</a>					
							</li>
						</ul>
					</div>
					<ul class="list2 fl">
						<h3>商务合作</h3>
						<li>
							<a href="#"	>邮箱：hello@set point.cn</a>					
						</li>
						<li>
							<a href="#"	>手机：18813146300</a>					
						</li>
						<li>
							<a href="#"	>座机：（+86）010-57281080</a>					
						</li>
						<li>
							<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes"	>Q&nbsp;Q：94967751<img src="images/icon_10.jpg" />点击交谈</a>					
						</li>
						<li>
							<a href="#"	>地址：安徽合肥马鞍山路与南一环交叉口</a>					
						</li>
					</ul>
				</div>
				<li class="foot_bottom">
					<ul class="code">
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_05.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_06.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_07.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_08.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_09.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg"/></div>
					</li>
					</ul>
					<p>Copyright © 2014-2017 nicedesign 京ICP备15000202号-5</p>
				</div>
			</div>
		</div>
	</body>
</html>
